<?php
$title="Login Page";
$messgae ="Hello, !";
$loggedinUser="";
?>
<div class="row">
        <div class="col-md-8">
		<form method="post" action="authenticate.php">
            <section id="loginForm">
                <div class="form-horizontal">
                    <h4>Use your account to log in.</h4>
                    <hr />
                        <p class="text-danger">
                            <label name="FailureText" ID="FailureText" />
                        </p>
                   
                    <div class="form-group">
					<label for="UserName" id="Label1" class="col-md-2 control-label">User name</label>
                        <div class="col-md-10">
                            <input type="text"  ID="UserName" name="UserName" CssClass="form-control" />
                        </div>
                    </div>
                    <div class="form-group">
					<label for="Password" id="Label2" class="col-md-2 control-label">Password</label>
                        <div class="col-md-10">
                            <input type="password" ID="Password" name="Password" CssClass="form-control" />
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-md-offset-2 col-md-10">
                            <div class="checkbox">
                                <input type="CheckBox" ID="RememberMe" />
                                <label ID="Label3" for="RememberMe">Remember me?</label>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-md-offset-2 col-md-10">
                           <input type="submit" name="btnLogin" value="Login" id="btnLogin" class="btn btn-primary btn-large" />
						   <input type="reset" name="btnLogin" value="Clear" id="btnReset" class="btn btn-primary btn-large" />
                        </div>
                    </div>
                </div>
                <p>
                    <a id="RegisterHyperLink" href="?Register">Register</a>
                    if you don't have a local account.
                </p>
            </section>
        </div>
</form>
        <div class="col-md-4">
            <section id="socialLoginForm">
                

<div id="socialLoginList">
    <h4>Use another service to log in.</h4>
    <hr>
    <form method="post" action="?Authenticate">
	<div>
            <p>
                <button type="submit" value="Google" style="border: 0; background: transparent" name="provider" title="Log in using your Google account.">
                 <img src="Images/Google1.png" width="auto" height="auto" name="provider" alt="submit">
                </button>
            </p>
        
            <p>
                <button type="submit" value="Facebook" style="border: 0; background: transparent" name="provider" title="Log in using your Facebook account.">
                 <img src="Images/Facebook1.png" width="auto" height="auto" name="provider" alt="submit">
                </button>
            </p>
        
            <p>
                <button type="submit" value="Twitter" style="border: 0; background: transparent" name="provider" title="Log in using your Twitter account.">
                 <img src="Images/Twitter1.png" width="auto" height="auto" name="provider" alt="submit">
                </button>
            </p>
			 <p>
                <button type="submit" value="LinkedIn" style="border: 0; background: transparent" name="provider" title="Log in using your LinkedIn account.">
                 <img src="Images/LinkedIn.png" width="auto" height="auto" name="provider" alt="submit">
                </button>
            </p>
			 <p>
                <button type="submit" value="Yahoo" style="border: 0; background: transparent" name="provider" title="Log in using your Yahoo account.">
                 <img src="Images/Yahoo.png" width="auto" height="auto" name="provider" alt="submit">
                </button>
            </p>
			 <p>
                <button type="submit" value="OpenId" style="border: 0; background: transparent" name="provider" title="Log in using your OpenId account.">
                 <img src="Images/OpenId.png" width="auto" height="auto" name="provider" alt="submit">
                </button>
            </p>
			<p style="text-align:right">
                <a href="Account\_login.php"> More Login Options >> </a>				 
            </p>
			</div>
			</form>
        
</div>
            </section>
        </div>
    </div>
